<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<title>TravelDream</title>
	<link rel="stylesheet" type="text/css" href="../style/prodottobase.css" />
</h:head>
<h:body>
	<div id="main">
		<div id="upper">
			<div id="logo"><a href="/TravelDreamWeb/home.jsf"><img id="logo-img" src="../img/logo.png"/></a></div>
			<div id="login-up">Benvenuto, #{utenteBean.name} <br />
				<h:form><p:commandButton action="#{logoutBean.logout()}" value="Logout" />
				<h:link outcome="PaginaDatiPersonali" value="Modifica dati personali" /></h:form>
			</div>
		</div>
		<div id="center">
		<div id="center1">
		<p:outputLabel value="Escursioni inserite: " /><br/>
		<h:form id="form">
			<p:dataTable style="width:870px" id="escursionePanel" value="#{escursioneBean.listaEscursioni}" var="escursione" emptyMessage="Nessuna escursione inserita."
				paginator="true" rows="10"  
        		paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
        		rowsPerPageTemplate="5,10,15">  
				<p:column headerText="Nome" >
					<h:outputText value="#{escursione.nome}" />
				</p:column>
				<p:column headerText="Descrizione">
					<h:outputText value="#{escursione.descrizione}" />
				</p:column>
				<p:column headerText="Giorno">
					<h:outputText value="#{escursione.data}" />
				</p:column>
				<p:column headerText="Prezzo(€)">
					<h:outputText value="#{escursione.prezzo}" />
				</p:column>
				<p:column style="width:4%">  
            		<p:commandButton id="selectButton" update=":form:display" oncomplete="PF('escursioneDialog').show()" value="Modifica" title="View"
                		action="#{escursioneBean.setEscursione(escursioneBean.getEscursioneSelected(escursione.idEscursione))}" > 
            		</p:commandButton>  
        		</p:column>
				<p:column width="90">
					<p:commandButton value="Elimina" action="#{escursioneBean.elimina(escursione.idEscursione)}"/>
				</p:column>
			</p:dataTable> 
				
			<p:dialog header="Modifica escursione" widgetVar="escursioneDialog" resizable="false"  id="escursioneDlg"  
                showEffect="fade" hideEffect="drop" modal="true">  
        		<h:panelGrid id="display" columns="3" cellpadding="4" style="margin:0 auto;">
					<h:outputText value=" " />  
        			<h:outputText value="Vecchio Valore" style="font-weight:bold"/>  
        			<h:outputText value="Nuovo Valore" style="font-weight:bold"/>  
  
    		        <h:outputText value="Nome:" style="font-weight:bold"/>  
          			<h:outputText value="#{escursioneBean.escursione.nome}" /> 
          			<p:inputText value="#{escursioneBean.getEscursione().nome}"  />      
  
 		            <h:outputText value="Descrizione:" style="font-weight:bold"/>  
         		    <h:outputText value="#{escursioneBean.escursione.descrizione}" />
           			<p:inputTextarea value="#{escursioneBean.getEscursione().descrizione}" counter="counter" maxlength="150"  counterTemplate="{0} caratteri rimasti." />   
            
            		<h:outputText value="" /> 
            		<h:outputText value="" /> 
					<h:outputText id="counter" /> 
            
          			<h:outputText value="Giorno:" style="font-weight:bold" />  
            		<h:outputText value="#{escursioneBean.escursione.data}" ></h:outputText>
           			<p:inputText value="#{escursioneBean.getEscursione().data}"  /> 
           
          			<h:outputText value="Prezzo(€):" style="font-weight:bold"/>  
            		<h:outputText value="#{escursioneBean.escursione.prezzo}" /> 
           			<p:inputText value="#{escursioneBean.getEscursione().prezzo}" /> 
                     
            		<h:outputText value=" " />
            		<p:commandButton value="Modifica"
						action="#{escursioneBean.modifica()}" />
        		</h:panelGrid>  
   			 </p:dialog>  
		</h:form>
		</div></div>
		<div id="footer">
			<h:link outcome="PaginaPrincipale" value="Torna alla pagina principale" />
		</div>
	</div>
</h:body>
</html>